/* CSS优先级覆盖文件 - 确保侧边栏宽度生效 */

/* 使用最高优先级选择器覆盖Tailwind CSS */
html body .admin-sidebar.w-48,
body .admin-sidebar.w-48,
.admin-sidebar.w-48 {
    width: 192px !important;
    min-width: 192px !important;
    max-width: 192px !important;
    flex: 0 0 192px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    /* 确保动画一致性 */
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important,
                min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important,
                max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body .admin-sidebar.w-20,
body .admin-sidebar.w-20,
.admin-sidebar.w-20 {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    flex: 0 0 80px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    /* 确保动画一致性 */
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important,
                min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important,
                max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 确保内容区域正确定位 - 使用最高优先级覆盖媒体查询 */
html body .admin-main-content.sidebar-expanded,
body .admin-main-content.sidebar-expanded,
.admin-main-content.sidebar-expanded {
    left: 192px !important;
}

html body .admin-main-content.sidebar-collapsed,
body .admin-main-content.sidebar-collapsed,
.admin-main-content.sidebar-collapsed {
    left: 80px !important;
}

html body .admin-main-content.sidebar-hidden,
body .admin-main-content.sidebar-hidden,
.admin-main-content.sidebar-hidden {
    left: 0px !important;
}

/* 特别处理中等屏幕的展开状态 */
@media (min-width: 768px) and (max-width: 1023px) {
    html body .admin-main-content.sidebar-expanded,
    body .admin-main-content.sidebar-expanded,
    .admin-main-content.sidebar-expanded {
        left: 192px !important;
    }
}

/* 动画一致性覆盖 - 确保所有状态下的动画一致 */
html body .admin-sidebar,
body .admin-sidebar,
.admin-sidebar {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body .admin-main-content,
body .admin-main-content,
.admin-main-content {
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
